.CardLeft {

  width:50.61%;
  float: left;
  height: 15vh;
    margin: 0.5vh 0.7075% 1vh 0.5896%;
 
  background:rgba(255,255,255,1);
  border-radius:6px;
  box-shadow:0px 0px 8px 0px rgba(165,187,224,1);
}
.CardRight {
  float: left;
  width: 47.37%;
  margin: 0.5vh 0px 1vh 0px;
  height: 15vh;
  // margin: 0.5vh 0.7075% 1vh 0.5896%;
  background: #ffffff;
  border-radius: 6px;
  -webkit-box-shadow: 0px 0px 8px 0px #a5bbe0;
  box-shadow: 0px 0px 8px 0px #a5bbe0;
}
.CardBottom {
  width: 98.7%;
  margin: 0px 0.7075% 8px 0.5896%;
  height:75vh;
background:rgba(255,255,255,1);
border-radius:6px;
box-shadow:0px 0px 8px 0px rgba(165,187,224,1);
overflow:auto;
}
.Table {
  text-align: center;
}
.click_span {
cursor: pointer;
}

.DatePicker {

}
.primary {

height:24px;
background:rgba(91,203,242,1);
border-radius:4px 5px 5px 4px;
box-shadow:0px 2px 4px 0px rgba(153,177,215,0.8);
color: #fff;
}
.delete {
 
height:24px;
background:rgba(255,255,255,1);
border-radius:4px 5px 5px 4px;
box-shadow:0px 2px 4px 0px rgba(195,195,195,0.8);
}
.MyIcon_xinzeng {
  width:13px;
height:13px;
color: #3C8FFF;
margin-right: 5px;
}
.MyIcon_gongneng {
  width:20px;
  height:16px;
  color: #31E0A0;
  margin-right: 5px;
  margin-left: 5px;
}
.MyIcon_webicon320 {
  width:16px;
  height:16px;
  color: #3C8FFF;
  margin-right: 5px;
  margin-left: 5px;
}
.MyIcon_del {
width:9px;
height:13px;
color: #FF6446;
margin-right: 5px;
margin-left: 5px;

}
.Progress {
  position: absolute;
 right: 50%;
  .words {
    position: absolute;
    left: 20%;
    top: 20%;
    div {
      margin-left: 10px;
      font-size: 10px;
    }
    h5{
      margin-left: 13px;
    }
  }
}
.Progress:last-child{
  position: absolute;
  right: 10%;
}
.Progress:nth-child(2){
  position: absolute;
  right: 30%;
}
.use_leve {
  position: absolute;
  right: 36vh;
  top: 50px;
  font-weight: 700;
}
.Pagination {
margin-top: 5px;
margin-left: 60vh;
}

.myTable{
  :global{
    
    
    .ant-table-thead{
      .wpColumn, .ant-table-selection-column {
        background-color: red ;
        text-align: center ;
        color: #4A4A4A;
        border-bottom:1px solid #fff;
        font-size: 13px;
      }
      tr{
        th{
          text-align: center;
          background-color:#D9F4FF !important;
          // border-right: 1px solid #ffffff;
          // padding: 7px 0 !important;
        }
      }
    }
    .ant-table-tbody {
      tr{
        td{
          // padding: 7px 0 !important;
        }
      }
      .wpColumn {
        background-color: #ffffff;
        text-align: center;
        color: #333333;
        font-size: 13px;
        //padding: 6px 8px !important;
      }
    }
   
  
    .ant-table-small.ant-table-bordered .ant-table-thead > tr > th:last-child, .ant-table-small.ant-table-bordered .ant-table-tbody > tr > td:last-child {
      border-right: 1px solid #e8e8e8;
    }
   
  }
}

.Small_Table {
  position: absolute;
    top: 4px;
    right: 4%;
    width: 34vh
}

.my_Small_Table{
  
  :global{
    
    
    .ant-table-thead{
      .wpColumn, .ant-table-selection-column {
        background-color: red ;
        text-align: center ;
        color: #4A4A4A;
        border-bottom:0px solid #fff;
        font-size: 13px;
      }
      tr,td:hover{
        // padding: 7px 0 !important;
       background-color: #fff !important;
      }
      
    }
    .ant-table-tbody {
      tr{
        td{
          // padding: 7px 0 !important;
          font-size: 16px;
          font-weight: 700;
          font-family: mFont;
        }
        
      }
      td:hover{
        // padding: 7px 0 !important;
       background-color: #fff !important;
      }
      
        
     
      

      .wpColumn {
        background-color: #ffffff;
        text-align: center;
        color: #333333;
        font-size: 13px;
        //padding: 6px 8px !important;
      }
    }

    .ant-table-tbody:hover td{
      background-color: #fff !important;
    }
  
    .ant-table-small{
      border: 0 !important;
    }
    .ant-table-small.ant-table-bordered .ant-table-thead  tr  th{
      border: 0px solid #e8e8e8;
    }
    .ant-table-small.ant-table-bordered .ant-table-tbody > tr > td:last-child {
      border: 0 !important;
    }
    .ant-table-small > .ant-table-content > .ant-table-body > table > .ant-table-thead > tr > th {
      border: 0 !important;
    }
    .ant-table-bordered .ant-table-tbody > tr > td {
      border: 0 !important;
    }
    .ant-table-bordered .ant-table-thead > tr > th, .ant-table-bordered .ant-table-tbody > tr > td {
      border: 0 !important;
    }
  }
}
@font-face{
  font-family: mFont;
  src:url('../../assets/ziti.ttf')
}
.warp {
  display: flex;
  justify-content:space-around;
  .divTd {
    display: flex;
    flex-direction:column;
    text-align: center;
    
    td{
      margin: 2px 0px
    }
    .onetd {
      margin-bottom: 5px;
      margin-top: -3px;
    }
    .twotd{
      margin-bottom: 5px;
      margin-top: -3px;
    }
    span{
      // color: red;
      font-weight: 700;
    }
    .oneDivTd {
      // background: url('../../assets/zhu.png')  repeat center center;
      width:5vh;
      height: 5vh;
      background-size: 100%100%;
      margin-top: 4px;
      font-size: 10px;
      margin-left: 20px;
     
    }
    .towDivTd {
     
      width: 14vh;
      margin-top: 8px;
      font-size: 10px;
      margin-bottom: 6px;
      div{
        background: url('../../assets/huo.png')  repeat center center;
        background-size: 100%100%;
        width:3vh;
        height: 3vh;
        display:inline-block;
        font-size: 10px;
        vertical-align:middle;
      
      }
    }
    .sanDivTd {
      margin-bottom: 6px;
      width: 12vh;
      margin-top: 8px;
      font-size: 10px;
      div{
        background: url('../../assets/shui.png')  repeat center center;
        background-size: 100%100%;
        width:3vh;
        height: 3vh;
        display:inline-block;
        vertical-align:middle;
      }
    }
    .siDivTd {
      margin-bottom: 6px;
      width: 12vh;
      margin-top: 8px;
      font-size: 10px;
      div{
        background: url('../../assets/shan.png')  repeat center center;
        background-size: 100%100%;
        width:3vh;
        height: 3vh;
        display:inline-block;
        vertical-align:middle;
      }
    }
  }

}
